<form>
  <mat-form-field class="example-full-width">
    <input type="text" placeholder="book search"  matInput [formControl]="myControl" [matAutocomplete]="auto">
    <mat-autocomplete #auto="matAutocomplete" (optionSelected)="jumpBookDetail($event)">
      <mat-option *ngFor="let book of books$ | async" [value]="book.id">
        {{ book.name }}
      </mat-option>
    </mat-autocomplete>
  </mat-form-field>
</form>

